<ul id="page-list" class="tc-page-list">
    <?php
    $startPage = $data['page'] - 3;
    if ($startPage < 1) {
       $startPage = 1;
    }
    $endPage = $data['page'] + 3;
    if ($endPage > $data['maxPage']) {
    $endPage = $data['maxPage'];
    }
    //echo $data['page'];
    ?>
    <if condition="$data['page'] gt 1">
        <!--<li>
            <a href="javascript:;">
                <span>&laquo;</span>
            </a>
        </li>-->
        <else />
        <!--<li class="disabled">
            <a href="javascript:;">
                <span>&laquo;</span>
            </a>
        </li>-->
    </if>
    <for start="$startPage" end="$endPage+1">
        <if condition="$i eq $data['page']">
            <li class="page-item active"><a class="page-link" href="#" data-page="{$i}">{$i}</a></li>
        <else />
            <li class="page-item"><a class="page-link" href="#" data-page="{$i}">{$i}</a></li>
        </if>

    </for>
    <if condition="$data['page'] lt $data['maxPage']">
        <!--<li>
            <a href="javascript:;"  data-page="{$data['page'] + 1}">
                <span>&raquo;</span>
            </a>
        </li>-->
        <else />
        <!--<li class="disabled">
            <a href="javascript:;"  data-page="{$data['page'] + 1}">
                <span>&raquo;</span>
            </a>
        </li>-->
    </if>

</ul>